<html>
<style>
.qmbox .email-body {
	color: #40485B;
	font-size: 14px;
	font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L",
		"Segoe UI", Arial, "Liberation Sans", "PingFang SC", "Microsoft YaHei",
		"Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei",
		"ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
	background: #f8f8f8;
}

.qmbox .pull-right {
	float: right;
}

.qmbox a {
	color: #FE7300;
	text-decoration: underline;
}

.qmbox a:hover {
	color: #fe9d4d;
}

.qmbox a:active {
	color: #b25100;
}

.qmbox .logo {
	text-align: center;
	margin-bottom: 20px;
}

.qmbox .panel {
	background: #fff;
	border: 1px solid #E3E9ED;
	margin-bottom: 10px;
}

.qmbox .panel-header {
	font-size: 18px;
	line-height: 30px;
	padding: 10px 20px;
	background: #fcfcfc;
	border-bottom: 1px solid #E3E9ED;
}

.qmbox .panel-body {
	padding: 20px;
	line-height: 1.7;
}

.qmbox .container {
	width: 100%;
	max-width: 600px;
	padding: 20px;
	margin: 0 auto;
}

.qmbox .text-center {
	text-align: center;
}

.qmbox .thumbnail {
	padding: 4px;
	max-width: 100%;
	border: 1px solid #E3E9ED;
}

.qmbox .btn-primary {
	color: #fff;
	font-size: 16px;
	padding: 8px 14px;
	line-height: 20px;
	border-radius: 2px;
	display: inline-block;
	background: #FE7300;
	text-decoration: none;
}

.qmbox .btn-primary:hover, .qmbox .btn-primary:active {
	color: #fff;
}

.qmbox .footer {
	color: #9B9B9B;
	font-size: 12px;
	margin-top: 20px;
}

.qmbox .footer a {
	color: #9B9B9B;
}

.qmbox .footer a:hover {
	color: #fe9d4d;
}

.qmbox .footer a:active {
	color: #b25100;
}

.qmbox .email-body#mail_to_teacher {
	line-height: 26px;
	color: #40485B;
	font-size: 16px;
	padding: 0px;
}

.qmbox .email-body#mail_to_teacher .container, .qmbox .email-body#mail_to_teacher .panel-body
	{
	padding: 0px;
}

.qmbox .email-body#mail_to_teacher .container {
	padding-top: 20px;
}

.qmbox .email-body#mail_to_teacher .textarea {
	padding: 32px;
}

.qmbox .email-body#mail_to_teacher .say-hi {
	font-weight: 500;
}

.qmbox .email-body#mail_to_teacher .paragraph {
	margin-top: 24px;
}

.qmbox .email-body#mail_to_teacher .paragraph .pro-name {
	color: #000000;
}

.qmbox .email-body#mail_to_teacher .paragraph.link {
	margin-top: 32px;
	text-align: center;
}

.qmbox .email-body#mail_to_teacher .paragraph.link .button {
	background: #4A90E2;
	border-radius: 2px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 11px 17px;
	line-height: 14px;
	display: inline-block;
}

.qmbox .email-body#mail_to_teacher ul.pro-desc {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 16px;
}

.qmbox .email-body#mail_to_teacher ul.pro-desc li {
	position: relative;
}

.qmbox .email-body#mail_to_teacher ul.pro-desc li::before {
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: red;
	position: absolute;
	left: -15px;
	top: 11px;
	background: #40485B;
}

.qmbox .email-body#mail_to_teacher .blackboard-area {
	height: 600px;
	padding: 40px;
	background-image: url();
	color: #FFFFFF;
}

.qmbox .email-body#mail_to_teacher .blackboard-area .big-title {
	font-size: 32px;
	line-height: 45px;
	text-align: center;
}

.qmbox .email-body#mail_to_teacher .blackboard-area .desc {
	margin-top: 8px;
}

.qmbox .email-body#mail_to_teacher .blackboard-area .desc p {
	margin: 0px;
	text-align: center;
	line-height: 28px;
}

.qmbox .email-body#mail_to_teacher .blackboard-area .card:nth-child(odd)
	{
	float: left;
	margin-top: 45px;
}

.qmbox .email-body#mail_to_teacher .blackboard-area .card:nth-child(even)
	{
	float: right;
	margin-top: 45px;
}

.qmbox .email-body#mail_to_teacher .blackboard-area .card .title {
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}
</style>
<body>
	<div id="mailContentContainer"
		class="qmbox qm_con_body_content qqmail_webmail_only" style="">
		<div class="email-body">
			<div class="container">
				<div class="logo">
					<img height="30" src="http://localhost:8080/sso/images/logo.png">
				</div>
				<div class="panel">
					<div class="panel-header">密码重置</div>
					<div class="panel-body">
						<p>
							<span>您好</span>
							<a href="mailto:${email}" rel="noopener" target="_blank">
								${name}
							</a>
						</p>
						<p>您已经请求了重置密码，可以点击下面的链接来重置密码。</p>
						<p>
							<a href="${link}"
								rel="noopener" target="_blank">${link}</a>
						</p>
						<p>如果您没有请求重置密码，请忽略这封邮件。</p>
						<p>在您点击上面链接修改密码之前，您的密码将会保持不变。</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<style type="text/css">
.qmbox style, .qmbox script, .qmbox head, .qmbox link, .qmbox meta {
	display: none !important;
}
</style>
</html>